<template>
  <div>
    <h2>为事件处理方法传参</h2>

    <!-- 调用方法的时候，如果没有实参，就不用加小括号; 下面的处理方法可以直接使用 e (事件对象) -->
    <button @click="aa">按钮1</button>

    <!-- 如果需要为方法传递参数，正常传递即可; 模板中 $event 表示事件对象 -->
    <button @click="bb(2, 3, $event)">按钮2</button>
  </div>
</template>

<script>
export default {
  // methods 放方法
  methods: {
    aa (e) {
      console.log('123')
      console.log(e.target) // 输出点击的目标元素
    },
    bb (m, n, e) {
      console.log(m + n)
      console.log(e.target)
    }
  }
}
</script>
